<template>
  <div id="app">
    <!-- 基础用法：
     -->
    <!-- <TplDemo /> -->
    <!-- <ComputedDemo /> -->
    <!-- <WatchDemo /> -->
    <!-- <ClassDemo /> -->
    <!-- <ConditionDemo />  -->
     <!-- <ListDemo /> -->
    <!-- <EventDemo />  -->
    <!-- <FormDemo /> -->

    <!-- 组件用法： -->
    <!-- <componentsDemo /> -->

    <!-- 高级特性 -->
    <AdvancedUse />

  
  </div>
</template>

<script>
// 基础案例：
import TplDemo from './components/BaseUse/TplDemo'
import ComputedDemo from './components/BaseUse/ComputedDemo'
import WatchDemo from './components/BaseUse/WatchDemo'
import ClassDemo from './components/BaseUse/ClassDemo'
import ConditionDemo from './components/BaseUse/ConditionDemo'
import ListDemo from './components/BaseUse/ListDemo'
import EventDemo from './components/BaseUse/EventDemo'
import FormDemo from './components/BaseUse/FormDemo'
// 组件通信案例：
import componentsDemo from './components/ComponentsDemo/index'

// 高级特性
import AdvancedUse from './components/AdvancedUse/index'




export default {
  name: 'App',
  components: {
    TplDemo,
    ComputedDemo,
    WatchDemo,
    ClassDemo,
    ConditionDemo,
    ListDemo,
    EventDemo,
    FormDemo,
    componentsDemo,
    AdvancedUse,
  
  }
}
</script>

<style>

</style>
